//渲染
function courseShow() {
    $.ajax({
        url: '/course/',
        type: 'get',
        success: function (data) {
            console.log(998);
            total = ``;
            console.log(data);
            data.data.forEach(e => {
                total += ` <tr>
            <td>${e._id}</td>
            <td>${e.name}</td>
            <td>${e.classHour}</td>
            <td>${e.credit}</td>
            <td><button class="but-red">删除</button><button id="send" class="but-blue">修改</button></td>
        </tr>`
            });
            $(`#coursetbody`).html(total);
        }
    })
}
courseShow();
//删除
function deletecourse(_id) {
    //ajax请求
    $.ajax({
        url: `/course/${_id}`,
        type: 'DELETE',
        success: function (data) {
            alert(data.mes);
            courseShow()
        }
    })
}
//添加
function addcourse(name, classHour, credit) {

    //ajax请求
    $.ajax({
        url: `/course/${name}/${classHour}/${credit}`,
        type: 'post',
        success: function (data) {
            alert(data.mes);
            courseShow()
        }
    })
}
//修改
function changecourse(_id, name, classHour, credit) {
    //ajax请求
    console.log(888);
    $.ajax({
        url: `/course/${_id}/${name}/${classHour}/${credit}`,
        type: 'put',
        success: function (data) {
            alert(data.mes);
            courseShow()
        }
    })

}
//事件处理
$(`body`).on('click', 'button', function (event) {
    // console.log($(this).text());
    // console.log($(this).parent().prev().prev().prev().prev().text());
    switch ($(this).text()) {
        case "删除":
            // console.log($(this).parent().prev().prev().prev().prev().text());
            deletecourse($(this).parent().prev().prev().prev().prev().text())
            break;
        case '新增':
            console.log($(this).prev().prev().prev(), $(this).prev().prev(), $(this).prev());
            addcourse($(this).prev().prev().prev().val(), $(this).prev().prev().val(), $(this).prev().val())
            break;
        case '修改':
            //改变样式
            $(this).parent().prev().html(`<input id="course-change-credit" type="text"></input>`)
            $(this).parent().prev().prev().html(`<input id="course-change-classhour" type="text"></input>`)
            $(this).parent().prev().prev().prev().html(`<input id="course-change-name" type="text"></input>`)
            $(this).text(`提交`)
        case '提交':
            changename = $(`#course-change-name`).val();
            changeclasshour = $(`#course-change-classhour`).val();
            changecredit = $(`#course-change-credit`).val()
            changecourse($(this).parent().prev().prev().prev().prev().text(), changename, changeclasshour, changecredit)
            console.log(777);
            break;
        default:
            break;
    }
})